<template>
  <div>
    <!-- 二维码生成：qrcode
    1:下载  npm i qrcode
    2:导入  import Qrcode from 'qrcode'
    3:创建一个canvas标签
    4:调用生成二维码方法
       Qrcode.toCanvas('canvas标签的dom','需要转换成二维码的内容',{
        配制，比如width之类 ，颜色 .....
       })
    -->
    <canvas ref="xxx" />
  </div>
</template>
<script>
import Qrcode from 'qrcode'
export default {
  mounted() {
    Qrcode.toCanvas(this.$refs.xxx, 'http://www.baidu.com', {
      width: 500,
      color: {
        dark: '#00F', // Blue dots
        light: '#f40' // Transparent background
      }
    })
  }
}
</script>
<style></style>
